import React from "react";
import {Avatar, Card, Flex} from "antd";
import './index.scss'

interface ProjectCardProp {
  image: string;
  title: string;
  describe: string
}

const ProjectCard: React.FC<ProjectCardProp> = ({image, title, describe}) => {

  return (
    <Card.Grid style={{width: "50%", float: "left"}} className="multiline-text">
      <Flex align="center" justify="start">
        <Avatar src={image}/>
        <h3 style={{marginLeft: "5px", fontWeight: "500"}}>{title}</h3>
      </Flex>
      <p className="project-card-describe">
        {describe}
      </p>
    </Card.Grid>
  )
}

export default ProjectCard